<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Button</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <meta name="author" content="http://www.huayingsoft.com/" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store">

    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/bootstrapEx.css">

    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../js/global.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrapEx2.0.js"></script>
</head>
<body><span style='font-size:20px;font-weight:bold;'>按钮基本样式</span>
    <p/>
    <div class="container-fluid">
        <button id="btn1">默认按钮</button>
        <button id="btn2">普通按钮加图标</button>
        <button id="btn3"></button>
        <button id="btn4">大按钮</button>
        <p/>
        <div style="width: 300px">
        <button id="btn5">整行的按钮 默认按下状态</button>
        </div>

        <p/>
        <div id="btngroup1" class="btn-group">
            <button id="btn_3">按钮组3</button>
        </div>
    </div>
</body>
<script>
     $(document).ready(function () {
        InitButton1();
        InitButton2();
        InitButton3();
        InitButton4();
        InitButton5();

        new bsEx.BtnGroup({
            renderto:"#btngroup1",
            btns:[{
                id:"btn_1",text:"按钮1"
            },{
                id:"btn_2",text:"按钮2"
            },{
                renderto:"#btn_3",text:false
            }]
         });
     });

     function InitButton1(){
         var btn1 = new bsEx.Button({
            renderto:"#btn1",
            text:false//text传false 默认显示标签原始内容
         });
     }
     function InitButton2(){
         new bsEx.Button({
            renderto:"#btn2",
            icon:"plus",
            text:false,
            btntype:"primary"//按钮类型
         });
     }
     function InitButton3(){
         new bsEx.Button({
            renderto:"#btn3",
            text:"小按钮",//text内容会append标签中
            btntype:4,//可以通过字典选择按钮类型 从0开始
            sizetype:"sm"//按钮大小
         });
     }
     function InitButton4(){
         new bsEx.Button({
            renderto:"#btn4",
            text:"被禁用",
            sizetype:0,//按钮大小可以通过字典选择，从0开始
            btntype:"danger",
            isdisabled:true//禁用
         });
     }
     function InitButton5(){
         new bsEx.Button({
            renderto:"#btn5",
            text:false,
            sizetype:0,//按钮大小可以通过字典选择，从0开始
            btntype:"primary",
            isblock:true,
            isactive:true
         });
     }
</script>
</html>